*{
    margin: 0px;
    padding: 0px;
}
ul{
    list-style: none;
}
form{
    height: 12.81rem;
    width: 7.2rem;
    
    header{
        display: flex;
        background-color: #f2f2f2;
        justify-content: space-between;
        align-items: center;
        width: 335px;
        height: .96rem;
        font-size: .31rem;
        padding-left: .38rem;
        padding-right: .38rem;
        position: sticky;
        top: 0px;
        left: 0px;
        a{
            text-decoration: none;
            color: #969696;
            
        }
        .icon-xiangzuojiantou,.icon-sousuo1{
            font-size: .48rem;
        }
    }
    article{
        height: 10.8rem;
        width: 100%;
        overflow: scroll;
        background-color: #f2f2f2;
        input{
            margin-left: .19rem;
            background-color: white;
        }
        >div{
            display: flex;
            align-items: center;
            background-color: white;
            margin-bottom: .19rem;
            aside{
                width: 6.62rem;
                height: 1.75rem;
                padding-top: .24rem;
                padding-left:  .24rem;
                display: flex;
                align-items: center;
                justify-content: space-evenly;
                .img1{
                    width: 1.75rem;
                    height: 1.75rem;
                }
                .img4{
                    width: .6rem;
                    height: .6rem;
                }
                section{
                    margin-left: .19rem;
                    width: 3.59rem;
                    font-size: .25rem;
                    color: #666666;
                    div{
                        align-items: center;
                        display: flex;
                        justify-content: space-between;
                        
                        height: .6rem;
                        width: 1.82rem;
                        span{
                            font-size: .38rem;
                            color: #000;
                        }
                        .img2{
                            width: .38rem;
                            height: .38rem;
                        }
                        .img3{
                            width: .38rem;
                            height: .38rem;
                        }
                    }
                }

            }
            ul{
                li{
                    div{
                        font-size: .25rem;
                        display: flex;
                        img{
                            width: .5rem;
                            height: .5rem;
                        }
                        a{
                            text-decoration: none;
                            color: #ff5722;
                        }
                    }
                    
                }
            }
        }
        .zuihou{
            display: flex;
            flex-direction: column;
            background-color: white;
            >div{
                display: flex;
                align-items: center;
                margin-bottom: .19rem;
                aside{
                    width: 6.62rem;
                    height: 1.75rem;
                    padding-top: .24rem;
                    padding-left:  .24rem;
                    display: flex;
                    align-items: center;
                    justify-content: space-evenly;
                    .img1{
                        width: 1.75rem;
                        height: 1.75rem;
                    }
                    .img4{
                        width: .6rem;
                        height: .6rem;
                    }
                    section{
                        margin-left: .19rem;
                        width: 3.59rem;
                        font-size: .25rem;
                        color: #666666;
                        div{
                            align-items: center;
                            display: flex;
                            justify-content: space-between;
                            
                            height: .6rem;
                            width: 1.82rem;
                            span{
                                font-size: .38rem;
                                color: #000;
                            }
                            .img2{
                                width: .38rem;
                                height: .38rem;
                            }
                            .img3{
                                width: .38rem;
                                height: .38rem;
                            }
                        }
                    }
    
                }
                
            }
            ul{
                li{
                    border-radius: 10px;
                    width: 6.8rem;
                    height: .5rem;
                    padding-top: .13rem;
                    padding-bottom: .13rem;
                    padding-left: .13rem;
                    padding-right: .13rem;
                    margin-top: .19rem;
                    margin-left: auto;
                    margin-right: auto;
                    display: flex;
                    justify-content: space-between;
                    background-color: #f6f6f6;
                    div{
                        font-size: .25rem;
                        display: flex;
                        img{
                            width: .5rem;
                            height: .5rem;
                        }
                        a{
                            text-decoration: none;
                            color: #ff5722;
                        }
                    }
                    
                }
            }

        }
        .text{
            height: .25rem;
            font-size: .25rem;
            color: #999999;
            padding-top: .19rem;
            padding-bottom: .19rem;
            text-align: center;
            margin-top: .19rem;
            background-color: white;
        }
        .shop{
            background-color: white;
            h5{
                font-size: .38rem;
                text-align: center;
            }
            ul{
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
                align-items: center;
                li{
                    font-size: .29rem;
                    width: 50%;
                    text-align: center;
                    img{
                        width: 3.55rem;
                        height: 3.55rem;
                    }
                    :nth-child(3){
                        font-size: .25rem;
                        color: #ec6616;
                        span{
                            text-decoration: line-through;
                            color: #999999;
                        }
                    }

                }
            }
        }
    }
    footer{
        width: 100%;
        height: 1rem;
        font-size: .27rem;
        position: fixed;
        bottom: 0px;
        left: 0px;
        display: flex;
        div{
            text-align: center;
            width: 2.4rem;
            p:nth-child(1){
                margin-top: .19rem;
            }
            p{
                color: #999999;
                span{
                    color: #ff5722;
                    font-weight: bold;
                }
            }
        }
        input{
            width: 2.4rem;
            border: none;
            font-weight: bold;
            color: #333333;
            

        }
        input:nth-child(3){
            background-color: #ff5722;
            color: white;
        }
    }
}
